<div class="header-box">
    <div class="logo-sbox">
        <a class="taiga-logo" href="{{ urls.projectsUrl() }}" title="Taiga">Taiga</a>
        <span class="project">{{ project.name }}</span>
    </div>
    <div class="top-menu-sbox">
        <ul>
            <li ng-show="auth.is_site_owner || auth.is_site_staff">
                <a href="#/admin" data-icon="i" title="Administer site"
                   i18next="title:common.administer-site,common.administer-site">
                    Administer site
                </a>
            </li>
            <li ng-controller="ShowProjectsController">
                <a data-icon="b" ng-click="showProjects()"
                   href="" title="Show all projects"
                   i18next="common.all-projects,title:common.show-all-projects">
                    All Projects
                </a>
                <ul class="project-list" ng-show="showingProjects" ng-mouseleave="showingProjects=false">
                    <li ng-repeat="proj in myProjects" ng-show="myProjects.length && !loading">
                        <a title="{{ proj.name }}" href="" ng-href="{{ urls.projectHomeUrl(proj) }}">{{ proj.name }}</a>
                    </li>
                    <li ng-show="!myProjects.length && !loading">
                        <a title="You have no projects" i18next="common.no-projects,title:common.no-projects">
                            You have no projects
                        </a>
                    </li>
                    <li ng-show="loading">
                        <span ng-class="{loading: loading}" data-icon="x"></span>
                        <span i18next="common.loading">Loading</span>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#/profile" data-icon="D" title="{{ auth.email }}">{{ auth.email }}</a>
            </li>
            <li><a data-icon="p" href="" ng-click="logout()" title="Logout" i18next="common.logout,title:common.logout">Logout</a></li>
        </ul>
    </div>
</div>
<div class="nav" gm-header-menu="pageSection" ng-show="projectSlug">
    <ul>
        <li class="backlog" ng-show="project.is_backlog_activated">
            <a data-icon="f"
               href="{{ urls.backlogUrl(projectSlug) }}"
               title="Backlog"
               i18next="common.backlog,title:common.backlog">
                Backlog</a>
        </li>
        <li class="kanban" ng-show="project.is_kanban_activated">
            <a data-icon="n"
               href="{{ urls.kanbanUrl(projectSlug) }}"
               title="Kanban"
               i18next="common.kanban,title:common.kanban">
                Kanban</a>
        </li>
        <li class="issues" ng-show="project.is_issues_activated">
            <a data-icon="a"
               href="{{ urls.issuesUrl(projectSlug) }}"
               title="Issues"
               i18next="common.issues,title:common.issues">
                Issues
            </a>
        </li>
        <li class="wiki" ng-show="project.is_wiki_activated">
            <a data-icon="S"
               href="{{ urls.wikiUrl(projectSlug, 'home') }}"
               title="Wiki"
               i18next="common.wiki,title:common.wiki">
                Wiki
            </a>
        </li>
        <li class="videoconference" ng-show="project && project.videoconferences">
            <a data-icon="R"
               href="{{ urls.videoConferenceUrl(project) }}"
               target="_blank"
               title="Video conference"
               i18next="common.videoconference,title:common.videoconference">
                Video conference
            </a>
        </li>
        <li class="admin">
            <a data-icon="i" href="{{ urls.adminUrl(projectSlug, 'main') }}"
               title="Administration panel"
               i18next="common.admin,title:common.admin-panel">
                 Admin
            </a>
        </li>
    </ul>

    <div class="search-box" gm-search-box>
        <form method="get">
            <input type="text" id="search" name="search"
                   i18next="placeholder:common.search-placeholder"
                   placeholder="Find user stories, issues, tasks..."
                   ng-model="term" />
            <a href="" data-icon="F"
               class="search-button" title="Search"
               gm-forward-click="#search" i18next="title:common.search"/>
        </form>
    </div>
</div>

<div class="breadcrumb">
    <ul class="header-path clearfix" gm-breadcrumb="pageBreadcrumb"></ul>
</div>

<div class="flash-message" gm-flash-messages></div>
